page {
	font-size: 30upx;
	color: #333333;
	font-family: Helvetica Neue, Helvetica, sans-serif;
	margin: 0;
	--red: #EB4242;
	--orange: #FC7000;
	--yellow: #FCC600;
	--golden: #F7D5B0;
	--olive: #8dc63f;
	--green: #02CC89;
	--cyan: #39C7C1;
	--blue: #005BBA;
	--purple: #6739b6;
	--mauve: #9c26b0;
	--pink: #fff5f4;
	--brown: #4B2D12;
	--white: #ffffff;
	--black: #000000;
	--black3: #222222;
	--black6: #666666;
	--black9: #999999;
	--blackccc: #cccccc;
}

view,
scroll-view,
swiper,
button,
input,
textarea,
label,
navigator,
image {
	box-sizing: border-box;
}

/* ==================
	          布局
	 ==================== */
.wi_he100 {
	width: 100%;
	height: 100%;
}

.wi_50 {
	width: 50%;
}

.wi_100 {
	width: 100%;
}
.wi_50 {
	width: 50%;
}
.he_100 {
	height: 100%;
}
.he_50{
	height: 50%;
}
.rotate_90 {
	transform: rotate(90deg);
}

.rotate_180 {
	transform: rotate(180deg);
}

.rotate_270 {
	transform: rotate(270deg);
}

.ov_hidden {
	overflow: hidden;
}

.po_rel {
	position: relative;
}

.po_abs {
	position: absolute;
}

.po_fixed {
	position: fixed;
}

.f_right {
	float: right;
}

.f_left {
	float: left;
}

.di_block {
	display: block;
}

.di_inline {
	display: inline;
}

.di_inbl {
	display: inline-block;
}

.di_none {
	display: none;
}

.flex {
	display: flex;
}

.flex_column {
	flex-direction: column;
}

.flex-wrap {
	flex-wrap: wrap;
}

.flex1 {
	flex: 1;
}

.justify_start {
	justify-content: flex-start;
}

.justify_end {
	justify-content: flex-end;
}

.justify_center {
	justify-content: center;
}

.justify_between {
	justify-content: space-between;
}

.justify_around {
	justify-content: space-around;
}

.align_start {
	align-items: flex-start;
}

.align_end {
	align-items: flex-end;
}

.align_center {
	align-items: center;
}

/* ==================
	        内外边距
	 ==================== */
.ma0 {
	margin: 0;
}

.ma10 {
	margin: 10upx;
}

.ma20 {
	margin: 20upx;
}
.ma24 {
	margin: 24upx;
}
.ma30 {
	margin: 30upx;
}

.ma40 {
	margin: 40upx;
}

.ma50 {
	margin: 50upx;
}
.ma_top4{
	margin-top: 4upx;
}
.ma_top10 {
	margin-top: 10upx;
}

.ma_top20 {
	margin-top: 20upx;
}
.ma_top24 {
	margin-top: 24upx;
}

.ma_top30 {
	margin-top: 30upx;
}

.ma_top40 {
	margin-top: 40upx;
}

.ma_top50 {
	margin-top: 50upx;
}
.ma_top60 {
	margin-top: 60upx;
}
.ma_top100 {
	margin-top: 100upx;
}
.ma_top120 {
	margin-top: 120upx;
}
.ma_top130 {
	margin-top: 130upx;
}
.ma_right10 {
	margin-right: 10upx;
}
.ma_right14{
	margin-right: 14upx;
}
.ma_right20 {
	margin-right: 20upx;
}
.ma_right24 {
	margin-right: 24upx;
}
.ma_right30 {
	margin-right: 30upx;
}

.ma_right40 {
	margin-right: 40upx;
}

.ma_right50 {
	margin-right: 50upx;
}

.ma_bottom10 {
	margin-bottom: 10upx;
}

.ma_bottom20 {
	margin-bottom: 20upx;
}
.ma_bottom24 {
	margin-bottom: 24upx;
}
.ma_bottom24 {
	margin-bottom: 24upx;
}
.ma_bottom30 {
	margin-bottom: 30upx;
}

.ma_bottom40 {
	margin-bottom: 40upx;
}

.ma_bottom50 {
	margin-bottom: 50upx;
}
.ma_left6 {
	margin-left: 6upx;
}
.ma_left10 {
	margin-left: 10upx;
}
.ma_left14 {
	margin-left: 14upx;
}
.ma_left20 {
	margin-left: 20upx;
}
.ma_left24 {
	margin-left: 24upx;
}
.ma_left30 {
	margin-left: 30upx;
}

.ma_left40 {
	margin-left: 40upx;
}

.ma_left50 {
	margin-left: 50upx;
}

.ma_lr10 {
	margin-left: 10upx;
	margin-right: 10upx;
}

.ma_lr20 {
	margin-left: 20upx;
	margin-right: 20upx;
}
.ma_lr24 {
	margin-left: 24upx;
	margin-right: 24upx;
}
.ma_lr30 {
	margin-left: 30upx;
	margin-right: 30upx;
}

.ma_lr40 {
	margin-left: 40upx;
	margin-right: 40upx;
}

.ma_lr50 {
	margin-left: 50upx;
	margin-right: 50upx;
}

.ma_tb10 {
	margin-top: 10upx;
	margin-bottom: 10upx;
}

.ma_tb20 {
	margin-top: 20upx;
	margin-bottom: 20upx;
}
.ma_tb24 {
	margin-top: 24upx;
	margin-bottom: 24upx;
}
.ma_tb30 {
	margin-top: 30upx;
	margin-bottom: 30upx;
}

.ma_tb40 {
	margin-top: 40upx;
	margin-bottom: 40upx;
}

.ma_tb50 {
	margin-top: 50upx;
	margin-bottom: 50upx;
}

.pa0 {
	padding: 0;
}

.pa6 {
	padding: 6upx;
}

.pa10 {
	padding: 10upx;
}

.pa20 {
	padding: 20upx;
}
.pa24 {
	padding: 24upx;
}
.pa30 {
	padding: 30upx;
}

.pa40 {
	padding: 40upx;
}

.pa50 {
	padding: 50upx;
}

.pa_top10 {
	padding-top: 10upx;
}

.pa_top20 {
	padding-top: 20upx;
}
.pa_top24 {
	padding-top: 24upx;
}

.pa_top30 {
	padding-top: 30upx;
}

.pa_top40 {
	padding-top: 40upx;
}

.pa_top50 {
	padding-top: 50upx;
}

.pa_right10 {
	padding-right: 10upx;
}

.pa_right20 {
	padding-right: 20upx;
}
.pa_right24 {
	padding-right: 24upx;
}
.pa_right30 {
	padding-right: 30upx;
}

.pa_right40 {
	padding-right: 40upx;
}

.pa_right50 {
	padding-right: 50upx;
}

.pa_bottom10 {
	padding-bottom: 10upx;
}

.pa_bottom20 {
	padding-bottom: 20upx;
}
.pa_bottom24 {
	padding-bottom: 24upx;
}
.pa_bottom30 {
	padding-bottom: 30upx;
}

.pa_bottom40 {
	padding-bottom: 40upx;
}

.pa_bottom50 {
	padding-bottom: 50upx;
}

.pa_left10 {
	padding-left: 10upx;
}

.pa_left20 {
	padding-left: 20upx;
}
.pa_left24 {
	padding-left: 24upx;
}
.pa_left30 {
	padding-left: 30upx;
}

.pa_left40 {
	padding-left: 40upx;
}

.pa_left50 {
	padding-left: 50upx;
}

.pa_lr10 {
	padding-left: 10upx;
	padding-right: 10upx;
}

.pa_lr20 {
	padding-left: 20upx;
	padding-right: 20upx;
}
.pa_lr24 {
	padding-left: 24upx;
	padding-right: 24upx;
}
.pa_lr30 {
	padding-left: 30upx;
	padding-right: 30upx;
}

.pa_lr40 {
	padding-left: 40upx;
	padding-right: 40upx;
}

.pa_lr50 {
	padding-left: 50upx;
	padding-right: 50upx;
}
.pa_lr64 {
	padding-left: 64upx;
	padding-right: 64upx;
}
.pa_tb10 {
	padding-top: 10upx;
	padding-bottom: 10upx;
}

.pa_tb20 {
	padding-top: 20upx;
	padding-bottom: 20upx;
}
.pa_tb24 {
	padding-top: 24upx;
	padding-bottom: 24upx;
}
.pa_tb30 {
	padding-top: 30upx;
	padding-bottom: 30upx;
}

.pa_tb40 {
	padding-top: 40upx;
	padding-bottom: 40upx;
}

.pa_tb50 {
	padding-top: 50upx;
	padding-bottom: 50upx;
}

/* ==================
	          透明
	 ==================== */
.c_opa1 {
	opacity: 0.15;
}

.c_opa5 {
	opacity: 0.5;
}

/* ==================
	          字体样式
	 ==================== */
.f_s18 {
	font-size: 18upx;
}

.f_s20 {
	font-size: 20upx;
}

.f_s22 {
	font-size: 22upx;
}

.f_s24 {
	font-size: 24upx;
}

.f_s26 {
	font-size: 26upx;
}

.f_s28 {
	font-size: 28upx;
}

.f_s30 {
	font-size: 30upx;
}

.f_s32 {
	font-size: 32upx;
}

.f_s34 {
	font-size: 34upx;
}

.f_s36 {
	font-size: 36upx;
}

.f_s38 {
	font-size: 38upx;
}

.f_s40 {
	font-size: 40upx;
}

.f_s44 {
	font-size: 44upx;
}

.f_s48 {
	font-size: 48upx;
}

.f_s52 {
	font-size: 52upx;
}

.f_s54 {
	font-size: 54upx;
}

.f_s56 {
	font-size: 56upx;
}

.f_s58 {
	font-size: 58upx;
}

.f_s60 {
	font-size: 60upx;
}

.f_s62 {
	font-size: 62upx;
}
.f_s64 {
	font-size: 64upx;
}
.f_s66 {
	font-size: 66upx;
}
.f_s68 {
	font-size: 68upx;
}
.f_s70 {
	font-size: 70upx;
}
.f_s72 {
	font-size: 72upx;
}
.f_s80 {
	font-size: 80upx;
}
.f_s84 {
	font-size: 84upx;
}
.f_s88 {
	font-size: 88upx;
}
.f_s92 {
	font-size: 92upx;
}
.f_s96 {
	font-size: 96upx;
}
.f_s100 {
	font-size: 100upx;
}
.f_s130 {
	font-size: 130upx;
}
.te_red {
lor: var(--red);
}

.te_orange {
	color: var(--orange);
}

.te_yellow {
	color: var(--yellow);
}

.te_golden {
	color: var(--golden);
}

.te_olive {
	color: var(--olive);
}

.te_green {
	color: var(--green);
}

.te_cyan {
	color: var(--cyan);
}

.te_blue {
	color: var(--blue);
}

.te_purple {
	color: var(--purple);
}

.te_purple {
	color: var(--purple);
}

.te_mauve {
	color: var(--mauve);
}

.te_pink {
	color: var(--pink);
}

.te_brown {
	color: var(--brown);
}

.te_white {
	color: var(--white);
}

.te_black3 {
	color: var(--black3);
}

.te_black {
	color: var(--black);
}

.te_black6 {
	color: var(--black6);
}

.te_black9 {
	color: var(--black9);
}

.te_blackccc {
	color: var(--blackccc);
}

.fw_bold {
	font-weight: bold;
}
.fw_normal {
	font-weight: normal;
}
.break_word {
	word-wrap: break-word
}

.break_all {
	word-break: break-all
}

.ellipsis {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.nowraps {
   white-space: nowrap;
}

.ellipsis2 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

.te_center {
	text-align: center;
}

.te_right {
	text-align: right;
}

.te_left {
	text-align: left;
}

.te_justify {
	text-align: justify;
}

.te_through {
	text-decoration: line-through;
}

.te_price::before {
	content: "￥";
	font-size: 60%;
	margin-right: 4rpx;
}

/* ==================
	          背景
	 ==================== */
.bg_red {
	background-color: var(--red);
}

.bg_orange {
	background-color: var(--orange);
}

.bg_yellow {
	background-color: var(--yellow);
}

.bg_golden {
	background-color: var(--golden);
}

.bg_olive {
	background-color: var(--olive);
}

.bg_green {
	background-color: var(--green);
}

.bg_cyan {
	background-color: var(--cyan);
}

.bg_blue {
	background-color: var(--blue);
}

.bg_purple {
	background-color: var(--purple);
}

.bg_mauve {
	background-color: var(--mauve);
}

.bg_pink {
	background-color: var(--pink);
}

.bg_brown {
	background-color: var(--brown);
}

.bg_white {
	background-color: var(--white);
}

.bg_black3 {
	background-color: var(--black3);
}

.bg_black {
	background-color: var(--black);
}

.bg_black6 {
	background-color: var(--black6);
}

.bg_black9 {
	background-color: var(--black9);
}

.bg_blackccc {
	background-color: var(--blackccc);
}

/* ==================
	          图形样式
	 ==================== */
.bo_radius4 {
	border-radius: 4upx;
}

.bo_radius6 {
	border-radius: 6upx;
}

.bo_radius8 {
	border-radius: 8upx;
}

.bo_radius10 {
	border-radius: 10upx;
}

.bo_radius14 {
	border-radius: 14upx;
}

.bo_radius18 {
	border-radius: 18upx;
}


.bo_radius20 {
	border-radius: 20upx;
}

.bo_radius22 {
	border-radius: 22upx;
}

.bo_radius30 {
	border-radius: 30upx;
}

.bo_radius38 {
	border-radius: 38upx;
}

.bo_radius80 {
	border-radius: 80upx;
}

.bo_radius50 {
	border-radius: 50%;
}

/* ==================
		  加载
 ==================== */
.load {
	text-align: center;
	font-size: 24upx;
	width: 100%;
	color: #AAAAAA;
}

.load.over::after {
	content: "～我到底了～";
}

.load.erro::after {
	content: "加载中...";
}

/* ==================
	         模态弹窗动画
	 ==================== */
.modal {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 99;
	opacity: 0;
	outline: 0;
	text-align: center;
	-ms-transform: scale(1.185);
	transform: scale(1.185);
	backface-visibility: hidden;
	perspective: 2000px;
	background: rgba(0, 0, 0, 0.6);
	transition: all 0.3s ease-in-out 0s;
	pointer-events: none;
}

.modal::before {
	content: "\200B";
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}

.modal.show {
	opacity: 1;
	transition-duration: 0.3s;
	-ms-transform: scale(1);
	transform: scale(1);
	overflow-x: hidden;
	overflow-y: auto;
	pointer-events: auto;
}

.dialog {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	margin-left: auto;
	margin-right: auto;
	border-radius: 10px;
	overflow: hidden;
}

.dialog .bar {
	box-shadow: none;
	position: static;
}

.modal.bottom-modal::before {
	vertical-align: bottom;
}

.modal.bottom-modal .dialog {
	width: 100%;
}

.modal.bottom-modal {
	margin-bottom: -1000px;
}

.modal.bottom-modal.show {
	margin-bottom: 0;
}




/* 置灰 */
.grayscale {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
}



/* 遮罩 */
.co_tkbox {
	/* //弹框背景白色 */
	background: #ffffff;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	/* margin: auto; */
	position: fixed;
	z-index: 1000;
}

.co_maskboxs {
	background: rgba(0, 0, 0, 0.5);
	left: 0;
	top: 0;

	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 1000;
}

.co_maskbox {
	animation: co_maskboxs 0.6s infinite;
	animation-iteration-count: 1;
	background: rgba(0, 0, 0, 0.5);
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 1000;
}


@keyframes co_maskboxs {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
		/* top: 0; */
	}
}



/* 动画特效 */
.co_openboxs {
	display: block;
	animation: co_openboxs 0.7s infinite;
	animation-iteration-count: 1;
}


@keyframes co_openboxs {
	from {
		opacity: 0;
		transform: translateY(250upx);
		/* top: 250upx; */
	}

	to {
		opacity: 1;
		transform: translateY(0upx);
		/* top: 0; */
	}
}

/* 动画特效 */
.co_openboxs1 {
	/* 高度宽度都已知的情况下， 向上动画 */
	display: block;
	animation: co_openboxs1 0.7s infinite;
	animation-iteration-count: 1;
}

@keyframes co_openboxs1 {
	from {
		opacity: 0;
		transform: translateY(250px);
		/* top: 250px; */
	}

	to {
		opacity: 1;
		transform: translateY(0px);
		/* top: 0; */
	}
}

.co_openboxs2 {
	/* 渐隐渐现动画 */
	animation: co_openboxs2 0.6s infinite;
	animation-iteration-count: 1;
}

@keyframes co_openboxs2 {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
		/* top: 0; */
	}
}

.co_openboxs3 {
	/* 0.8秒从上往下移动渐隐渐现动画 */
	animation: co_openboxs3 0.8s infinite;
	animation-iteration-count: 1;
}

@keyframes co_openboxs3 {
	from {
		opacity: 0;
		transform: translateY(-25px);
	}

	to {
		opacity: 1;
		transform: translateY(0px);
		/* top: 0; */
	}
}

.co_openboxs4 {
	/* 1.5秒从上往下移动渐隐渐现动画 */
	animation: co_openboxs4 1.5s infinite;
	animation-iteration-count: 1;
}

@keyframes co_openboxs4 {
	from {
		opacity: 0;
		transform: translateY(-30px);
	}

	to {
		opacity: 1;
		transform: translateY(0px);
		/* top: 0; */
	}
}

.co_openboxs5 {
	/* 从左往右移动渐隐渐现动画 */
	animation: co_openboxs5 0.8s infinite;
	animation-iteration-count: 1;
}

@keyframes co_openboxs5 {

	/* 从左往右移动渐隐渐现动画 */
	from {
		opacity: 0;
		transform: translateX(-25px);
	}

	to {
		opacity: 1;
		transform: translateX(0px);
		/* top: 0; */
	}
}

.co_openboxs6 {
	/* 从左往右移动渐隐渐现动画 */
	animation: co_openboxs6 0.5s infinite;
	animation-iteration-count: 1;
}

@keyframes co_openboxs6 {

	/* 从左往右移动渐隐渐现动画 */
	from {
		opacity: 0;
		transform: translateX(25px);
	}

	to {
		opacity: 1;
		transform: translateX(0px);
		/* top: 0; */
	}
}

.co_openboxs7 {
	/* 0.8秒从上往下移动渐隐渐现动画 */
	animation: co_openboxs7 0.5s infinite;
	animation-iteration-count: 1;
}

@keyframes co_openboxs7 {
	from {

		transform: translateY(220px);
	}

	to {

		transform: translateY(0px);
		/* top: 0; */
	}
}

.co_openboxs8 {
	/* 0.8秒从上往下移动渐隐渐现动画 */
	animation: co_openboxs3 0.6s infinite;
	animation-iteration-count: 1;
}

@keyframes co_openboxs3 {
	from {
		opacity: 0;
		transform: translateY(80px);
	}

	to {
		opacity: 1;
		transform: translateY(0px);
		/* top: 0; */
	}
}

/* ==================
		  按钮默认样式清除
 ==================== */
button::after {
	border: none;
}
button {
	position: relative;
	display: block;
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 0px;
	padding-right: 0px;
	box-sizing: border-box;
	text-align: center;
	text-decoration: none;
	line-height: 1;
	display: flex;
	align-items: center;
	-webkit-tap-highlight-color: transparent;
	overflow: hidden;
	color: #000;
	font-size: 32rpx;
	background-color: #fff;
}
/* ==================
		  底部悬浮按钮样式
 ==================== */
/*  */
/* .bottom_box {
	width: 750upx;
	box-shadow: 0upx 0upx 20upx 0upx rgba(0, 0, 0, 0.1);
	position: fixed;
	bottom: 0;
	padding: 24upx 0 calc(24upx + env(safe-area-inset-bottom) / 2) 0;
	z-index: 99;
} */
.bottom_box_btn {
	width: 630upx;
	z-index: 99;
	display: inline-block;
}
/* 底部导航占位 */
/* .seat_box {
	height: calc(180upx + env(safe-area-inset-bottom) / 2);
} */

/* 选框 */
.uni-radio-input{
	width: 40upx !important;
	height: 40upx !important;
}

/* input */
.uni-input-placeholder {
	color: #CCCCCC !important;
}

/* 缺省页 */
.nodata{
	width: 100%;
	margin: 25% auto 25% auto;
}
.nodata_img{
	width: 364upx;
	height: 244upx;		
}